<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <span>优就业为每一位学员定制个性化求职方案及职业规划，提供一对一修改简历、培训面试技巧、模拟真实面试场景、推荐合作企 业就业等服务。与众多高校和知名企业建立了战略合作伙伴关系，为百度、搜狐、腾讯、新浪、阿里巴巴、凤凰网、360、人民网、 中国教育在线、中青在线、网易、苏宁、滴滴出行、京东、去哪儿、当当网知名IT企业培养输送了大量的互联网人才。 ……</span>
    <a href="javascript:;">收起</a>
    <script>
        //1、获取a标签，实现其本身文字变化
        var a = document.getElementsByTagName("a")[0];
        //获取span标签，目的是为了获取里面的文字字符串发生截取功能
        var span = document.getElementsByTagName("span")[0];
        //如果是一个元素的状态切换，一定放在事件函数的外面，全局变量，多个元素之间的状态切换，一定事件函数内部
        var tag = true;
        //在发生事件之前想办法保存一份
        var copy = span.innerText;
        //2、发生事件
        a.onclick = function(){
            if(tag){
                a.innerText = "展开";
                tag = false;
                //字符串截取 substring 、slice、substr
                span.innerText = span.innerText.substring(0,18); //0,17
            }else{
                a.innerText = "收起";
                tag = true;
                span.innerText = copy;
            }
            
        }
    </script>
</body>
</html>